<template>
	<view class="body">
		<view class="menu d-b-c bg-white p20">
			<picker mode="date" class="flex-1 d-c-c">
				<view>{{time1}}</view>
			</picker>
			<view class="">-</view>
			<picker mode="date" class="flex-1 d-c-c">
				<view>{{time2}}</view>
			</picker>
		</view>
		<view class="list p20">
			<radio-group class="item bg-white br12 d-b-c mb20 p20" v-for="(item,index) in list" :key="index">
				<view class="left d-s-c">
					<radio color="#FF7E11" />
					<view class="ml20">
						<view class="gray3">{{item.time}}</view>
						<view class="fb mt30">{{item.name}}</view>
					</view>
				</view>
				<view class="right">
					<view class="gray6 f30">{{item.static}}</view>
					<view class="f30 fb mt30">￥{{item.price}}</view>
				</view>
			</radio-group>
		</view>
		<view class="bottom d-c-c ww100 bg-white">
			<view class="f30">开票总额: <text class="orange">￥30.00</text> </view>
			<view class="bg-orange white btn d-c-c" @click="jump('/pages/order/detail')">选好了（1）</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				time1: '2025-10-21',
				time2: '2025-10-22',
				list: [{
					name: "江门利洁能源加油",
					time: "2025-02-12 15:00:01",
					static: '交易成功',
					price: '0.00'
				}, {
					name: "江门利洁能源加油",
					time: "2025-02-12 15:00:01",
					static: '交易成功',
					price: '0.00'
				}, {
					name: "江门利洁能源加油",
					time: "2025-02-12 15:00:01",
					static: '交易成功',
					price: '0.00'
				}, {
					name: "江门利洁能源加油",
					time: "2025-02-12 15:00:01",
					static: '交易成功',
					price: '0.00'
				}, {
					name: "江门利洁能源加油",
					time: "2025-02-12 15:00:01",
					static: '交易成功',
					price: '0.00'
				}]
			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.bottom {
		position: fixed;
		bottom: 0;
		height: 100rpx;

		.btn {
			position: absolute;
			right: 0;
			bottom: 0;
			width: 200rpx;
			height: 100rpx;
		}
	}
</style>